<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>我的预约</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <!--矢量图标样式-->
    <link rel="stylesheet" type="text/css" href="../font/iconfont.css" />
    <!--html,body,通用头部样式-->
    <link rel="stylesheet" type="text/css" href="../common_css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/my_appointment.css" />
    <script src="../common_js/common_font.js"></script>
    <link rel="stylesheet" type="text/css" href="../common_css/jquery-weui.css" />
    <script src="../common_js/jquery-1.11.0.min.js"></script>
    <script src="../common_js/jquery-weui.js"></script>
    <script src="../common_js/refresh.js"></script>
</head>

<body>
    <!--my_appointment-->
    <!--总体div-->
    <div id="my_appointment_main">
        <!--通用头部-->
        <div class="all_top">
            <a href="javascript:;"><i class="iconfont icon-back icon-myback"></i></a>我的预约
        </div>
        <!--通用头部结束-->
        <!--主题内容总div-->
        <div class="my_appointment_maincontent">
            <div class="weui-pull-to-refresh__layer">
                <div class='weui-pull-to-refresh__arrow'></div>
                <div class='weui-pull-to-refresh__preloader'></div>
                <div class="down">下拉刷新</div>
                <div class="up">释放刷新</div>
                <div class="refresh">正在刷新</div>
            </div>
            <!--每个单独的内容-->
            <div class="my_appointment_content">
                <!--详细信息显示排列-->
                <p class="my_appointment_p">
                    <img src="../commonimg/预约@2x.png" /> 李宇星用户预约了创业星人鲍虎
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/服务@2x.png" /> 视频拍摄服务
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/我的 2@2x.png" />
                    <span>鲍虎</span>代码:<span>800001</span>身价:<span>1324</span>万
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/成交@2x.png" /> 成交价格:
                    <span>3333</span>秒当前行价:<span>3666</span>秒
                </p>
                <!--详细信息显示排列结束-->
                <!--最底下的时间和状态的div-->
                <div class="my_appointment_contentbottom">
                    <img src="../commonimg/时间@2x.png" />
                    <!--时间的div-->
                    <div class="my_appointment_time">2017-4-10</div>
                    <!--时间的div结束-->
                    <!--状态div-->
                    <div class="keep_an_appointment">履约中</div>
                    <!--状态div结束-->
                </div>
                <!--最底下的时间和状态的div结束-->
            </div>
            <!--每个单独的内容结束-->
            <!--每个单独的内容-->
            <div class="my_appointment_content">
                <!--详细信息显示排列-->
                <p class="my_appointment_p">
                    <img src="../commonimg/预约@2x.png" /> 李宇星用户预约了创业星人鲍虎
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/服务@2x.png" /> 视频拍摄服务
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/我的 2@2x.png" />
                    <span>鲍虎</span>代码:<span>800001</span>身价:<span>1324</span>万
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/成交@2x.png" /> 成交价格:
                    <span>3333</span>秒当前行价:<span>3666</span>秒
                </p>
                <!--详细信息显示排列结束-->
                <!--最底下的时间和状态的div-->
                <div class="my_appointment_contentbottom">
                    <img src="../commonimg/时间@2x.png" />
                    <!--时间的div-->
                    <div class="my_appointment_time">2017-4-10</div>
                    <!--时间的div结束-->
                    <!--状态div-->
                    <div class="off_the_stocks">已完成</div>
                    <!--状态div结束-->
                </div>
                <!--最底下的时间和状态的div结束-->
            </div>
            <!--每个单独的内容结束-->
            <!--每个单独的内容-->
            <div class="my_appointment_content">
                <!--详细信息显示排列-->
                <p class="my_appointment_p">
                    <img src="../commonimg/预约@2x.png" /> 李宇星用户预约了创业星人鲍虎
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/服务@2x.png" /> 视频拍摄服务
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/我的 2@2x.png" />
                    <span>鲍虎</span>代码:<span>800001</span>身价:<span>1324</span>万
                </p>
                <p class="my_appointment_p">
                    <img src="../commonimg/成交@2x.png" /> 成交价格:
                    <span>3333</span>秒当前行价:<span>3666</span>秒
                </p>
                <!--详细信息显示排列结束-->
                <!--最底下的时间和状态的div-->
                <div class="my_appointment_contentbottom">
                    <img src="../commonimg/时间@2x.png" />
                    <!--时间的div-->
                    <div class="my_appointment_time">2017-4-10</div>
                    <div class="to_be_confirmed">待确认</div>
                </div>
                <!--最底下的时间和状态的div结束-->
            </div>
            <!--每个单独的内容结束-->
        </div>
        <!--主题内容总div结束-->
    </div>
    <!--总体div结束-->
    <!-- <script src="../common_js/jquery-1.11.0.min.js"></script> -->
    <!--公共的点击预约的加号的按钮的跳转以及点击每页左上角的跳转-->
    <script src="../common_js/onclick_pop_view.js"></script>
</body>

</html>
